<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<link rel="stylesheet" href="css/common.css" type="text/css" />
	<title>Evento en Curso</title>
	<script type="text/javascript">
		function ingresarResultados(local, visitante, id){
			document.getElementById('resultado').style.display = "block";
			document.getElementById('equipoLocal').innerHTML = local;
			document.getElementById('equipoVisitante').innerHTML = visitante;
			document.getElementById('idEventoForm').value = id;
		}
		
		function validarForm(){
			var local = document.getElementById("local").value;
			var visita = document.getElementById("visita").value;
			var r = true;
			if(isNaN(local) || isNaN(visita)){
				document.getElementById("error").style.display = "block";
				document.getElementById("error").innerHTML = "Ingrese un valor numerico";
				r = false;
			}
			return r;
		}
	</script>
</head>
<body>
	<div class="header"><jsp:include page="include/header.jsp" /></div>
	<div class="contenedorprincipal">
		<div class="clear"></div>
		<div class="userinfo">
			<jsp:include page="include/userinfo.jsp" />
		</div>

		<hr>

		<div class="clear"></div>
		<div class="menu">
			<jsp:include page="include/menu.jsp" />
		</div>

		<div class="contenido">

			<h1>Eventos en Curso</h1>

			<div class="clear"></div>


			<div class="tablaresultadobusqueda">
				<fieldset>
					<legend>Resultados</legend>

					<div>
						<div id="error" class="error" ${requestScope.error != null?"style='display:block'":""}>${requestScope.error}</div>
						<div class="clear"></div>	
						<div id="success" class="success" ${requestScope.success != null?"style='display:block'":""}>${requestScope.success}</div>
						<div class="clear"></div>	
					</div>

					<img src="images/editar_icon.png" width="15px" height="15px" />
					Actualizar Resultados
					<table cellpadding="0" border="0" cellspacing="0">
						<thead>
							<tr class="trheader">
								<th colspan="5" class="tabletop"><div></div></th>
							</tr>
							<tr>
								<th class="headertabla">Evento</th>
								<th class="headertabla">Equipos</th>
								<th class="headertabla">Disciplina</th>
								<th class="headertabla">Fecha de evento</th>
								<th class="headertabla accionestabla" class="accionestabla"
									colspan="1">Editar resultado</th>
							</tr>
						</thead>
						<tbody>
							<c:choose>
								<c:when test="${fn:length(requestScope.eventos) == 0}">
									<tr>
										<td colspan="5">No hay eventos para editar.</td>
									</tr>
								</c:when>
								<c:otherwise>
									<c:forEach items="${requestScope.eventos}" var="e">
										<tr>
											
											<td>${e.descripcion_evento}</td>
											<td>${e.equipoLocal.nombre_equipo} vs ${e.equipoVisitante.nombre_equipo}</td>
											<td>${e.disciplina.descripcion}</td>
											<td><fmt:formatDate value="${e.fecha_evento}" pattern="yyyy/MM/dd HH:MM"/></td>
											<td>
												<a onclick="ingresarResultados('${e.equipoLocal.nombre_equipo}','${e.equipoVisitante.nombre_equipo}', '${e.id_evento}')" 
												class="editartabla" title="Editar resultado">
													<img src="images/editar_icon.png" width="20px" height="20px" />
												</a>
											</td>												
										</tr>
									</c:forEach>
								</c:otherwise>
							</c:choose>
						</tbody>
						<tfoot>
							<tr>
								<td colspan="5" class="tablebottom"><div></div></td>
							</tr>
						</tfoot>
					</table>
				</fieldset>
				
			</div>
			<div class="clear"></div>
			<div style="display: none" id="resultado">
				<form  method="post" action="evento" onsubmit="return validarForm()">
					<fieldset>
						<legend>Ingresar Resultados</legend>
						<input type="hidden" name="action" value="6"/>
						<input type="hidden" name="id_evento" id="idEventoForm">
						<div>	
							<div style="width: 100px; display: inline-block;">
								<label id="equipoLocal" for="local"></label>
								<input type="text" id="local" name="equipoLocal">
							</div>
							 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
							<div style="width: 100px; display: inline-block;">
								<label for="visita" id="equipoVisitante"></label>
								<input type="text" name="equipoVisitante" id="visita">
							</div> 
							&nbsp; &nbsp; &nbsp;
							<div style="width: 100px; display: inline-block;">
								<input type="submit" value="Guardar" class="submit" />
							</div>
						</div>	
						
					</fieldset>
				</form>
			</div>
		</div>
	</div>

</body>
</html>